// 高德地图组件
<template>
  <div class="gaode-map">
   <el-amap class="amap-box" :zoom="zoom" :center='center'   >
    <el-amap-marker></el-amap-marker>
   </el-amap>
    <!-- 联系我们组件 -->
    <contact-us></contact-us>
  </div>
</template>
<script>
import ContactUs from "./contact-us"; //联系我们组件
  export default {
    data() {
     return {
       zoom: 12,
       center: [114.436980,23.089931],
     }
    },
    components:{
     ContactUs
    }
  }
</script>
<style lang='scss' scoped>
.gaode-map{
 padding-top: 350px;
 position: relative;
 height: 600px;
 width: 100%;
 background-color: rgba(0, 0, 0, 0.1);
}
</style>